/*
 * @Author: xzy 1453077527@qq.com
 * @Date: 2025-08-21 11:11:57
 * @LastEditors: xzy 1453077527@qq.com
 * @LastEditTime: 2025-08-21 16:39:30
 * @Description: 
 */
/*
 * @Author: heinan 
 * @Date: 2025-05-14 10:38:50 
 * @Last Modified by: heinan
 * @Last Modified time: 2025-05-14 16:40:16
 */

.app {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.header {
  background-color: #fff;
  height: 80px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  box-shadow: 0 2px 3px #ccc;
}
.header > .container {
  height: 100%;
}
.header-logo {
  flex: 1;
  display: flex;
  align-items: center;
}
.header-logo a {
  width: 180px;
  display: block;
}
.header-logo h1 {
  height: 100%;
  line-height: 1;
  color: #173460;
  font-size: 26px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -8px;
}
.header-hamburger {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
}

@media (max-width: 768px) {
 
  .header {
    height: 60px;
    box-shadow: 0 1px 2px #ccc;
  }
  .header-logo a {
    width: 50px;
    display: block;
  }
  .header-logo h1 {
    margin-top: 0;
  }
}

/* 内容区域 */
.content {
  flex: 1;
  overflow: hidden;
  background-color: #ccc;
}

.content .container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
